
<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang="scss">
	@import "uview-ui/index.scss";
	/*每个页面公共css */
	.padding32 {
		width: calc(100% - 64px);
		padding: 0px 32px;
		height: 100%;
	}

	.padding26 {
		width: calc(100% - 52px);
		padding: 0px 26px;
		height: 100%;
	}

	.flex {
		display: flex;
	}

	.flex_column {
		flex-direction: column;
		align-items: center;
	}

	.aic {
		align-items: center;
	}
	.aifs{
		align-items: flex-start;
	}

	.jcsb {
		justify-content: space-between;
	}

	.jcc {
		justify-content: center;
	}

	.jcfe {
		justify-content: flex-end;
	}

	.jcfs {
		justify-content: flex-start;
	}

	.btn-b {
		display: flex;
		justify-content: center;
		align-items: center;
		color: #FFFFFF;
		font-family: 'HarmonyOS Sans SC-Regular, HarmonyOS Sans SC';
		font-size: 16px;
		font-weight: 400;
		background: #1C53D9;
		border-radius: 12px 12px 12px 12px;
	}

	.btn-w {
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 16px;
		font-family: 'HarmonyOS Sans SC-Regular, HarmonyOS Sans SC';
		font-weight: 400;
		color: #1C53D9;
		background: #FFFFFF;
		border-radius: 12px 12px 12px 12px;
		opacity: 1;
		border: 1px solid rgba(28, 83, 217, 0.3882);
	}

	.background {
		opacity: 1;
		background: #F8F9FA;
		// background: #1C53D9;
		
		position: relative;
	}

	.content {
		width: calc(100% - 24px);
		background: linear-gradient(180deg, #ECF5FF 0%, rgba(236, 245, 255, 0) 100%) no-repeat;
		background-size: 100% 35vh;
		border-radius: 0px 0px 0px 0px;
		height: calc(100vh - 60px);
		overflow-y: auto;
		padding: 0px 12px 10px 12px;
		&::-webkit-scrollbar {
			display: none;
			/*隐藏滚动轴*/
		}

	}
	.content_ {
		width: calc(100% - 24px);
		background: linear-gradient(180deg, #ECF5FF 0%, rgba(236, 245, 255, 0) 100%) no-repeat;
		background-size: 100% 35vh;
		border-radius: 0px 0px 0px 0px;
		height:calc(100vh - 12px);
		overflow-y: auto;
		padding: 0px 12px 0px 12px;
		&::-webkit-scrollbar {
			display: none;
			/*隐藏滚动轴*/
		}
	
	}
	.el-button--primary {
	  background-color: #2f6cbc !important;
	  border-color: #2F6CBC !important;
	}
	
	.el-button--text {
	  color: #2F6CBC !important;
	}
	.fonts18 {
		font-size: 18px;

	}

	.fonts12 {
		font-size: 12px;
	}

	.gray {
		color: #979797;
	}

	.fontz {
		font-family: 'Source Han Sans CN-Regular, Source Han Sans CN';
	}

	.fontw700 {
		font-weight: 700;
	}
	.fontw500{
		font-weight: 500;
	}
	.marginTop10{
		margin-top: 10px;
	}
	.fontc3d {
		color: #3D3D3D;
	}

	.fonts14 {
		font-size: 14px;
	}
	.fonts16 {
		font-size: 16px;
	}

	.el-input {
		// border-radius: 8px 8px 8px 8px;
		overflow: hidden;
		// border: 1px solid #2F6CBC;
	}
	.content_main{
		width: calc(100% - 24px);
		padding: 10px 12px;
		height: calc(100vh - 64px);
		background: #F8F9FA;
		overflow-y: auto;
		padding: 0px 12px 0px 12px;
		&::-webkit-scrollbar {
			display: none;
			/*隐藏滚动轴*/
		}
		
	}
	.index_content_basic{
		position: relative;
		// height: calc(100% - 44px);
		.index_content_basic_main{
			width: calc(100% - 24px);
			padding: 10px 12px 74px 12px;
			height: calc(100vh - 88px);
			background: #F8F9FA;
			overflow-y: auto;
			// padding: 0px 12px 0px 12px;
			&::-webkit-scrollbar {
				display: none;
				/*隐藏滚动轴*/
			}
		}
		.position_footer {
			height: 40px;
			z-index: 999;
			position: absolute;
			bottom: 0;
			background: #ffffff;
			box-shadow: 0px -1px 3px 0px rgba(48, 48, 48, 0.0592);
			border-radius: 0px 0px 0px 0px;
			opacity: 1;
			width: calc(100% - 24px);
			padding: 12px;
			.blue_btn {
				background: #2F6CBC;
				border: 1px solid #2F6CBC;
			}
		}
	}
	.el-form-item{
		margin: 0 !important;
		margin-bottom: 10px !important;
		.el-form-item__label{
			padding: 0 !important;
		}
		.el-form-item__error{
			padding-top: 0 !important;
		}
	}
	
	
	html,body {
	  --theme_color: #2F6CBC;
	}
	
	.el-button--primary {
	  background-color: var(--theme_color);
	  border-color: var(--theme_color);
	}
	
	.el-button--primary:hover {
	  background-color: #2F6CBC ;
	  border-color: #2F6CBC ;
	}
	
	.el-button--primary:focus {
	  background-color: #2F6CBC ;
	  border-color: #2F6CBC ;
	}
	
	
	/* checkbox */
	.el-checkbox__inner:hover {
	  border-color: var(--theme_color);
	}
	
	.el-checkbox__input.is-focus .el-checkbox__inner {
	  border-color: var(--theme_color);
	}
	
	.el-checkbox__input.is-checked .el-checkbox__inner {
	  background-color: var(--theme_color);
	  border-color: var(--theme_color);
	}
	
	.el-checkbox__input.is-checked+.el-checkbox__label {
	  color: var(--theme_color);
	}
	
	.el-checkbox__input.is-indeterminate .el-checkbox__inner {
	  background-color: var(--theme_color);
	  border-color: var(--theme_color);
	}
	
	/* input */
	.el-input__inner:focus {
	  border-color: var(--theme_color) !important;
	}
	
	.el-range-editor.is-active, .el-range-editor.is-active:hover {
	  border-color: var(--theme_color);
	}
	
	.el-time-panel__btn.confirm {
	  color: var(--theme_color);
	}
	
	.el-picker-panel__icon-btn:hover {
	  color: var(--theme_color);
	}
	
	.el-date-table td.available:hover {
	  color: var(--theme_color);
	}
	
	.el-date-table td.start-date span {
	  background-color: var(--theme_color);
	}
	
	.el-date-table td.end-date span {
	  background-color: var(--theme_color);
	}
	
	.el-date-table td.today span {
	  color: var(--theme_color);
	}
	
	/* 面包屑 */
	.el-breadcrumb__inner a:hover {
	  color: var(--theme_color);
	}
	
	/* menu 导航栏 */
	.el-menu--horizontal>.el-menu-item.is-active {
	  border-bottom: 2px solid var(--theme_color);
	  color: var(--theme_color);
	}
	
	.el-menu--horizontal>.el-menu-item:hover {
	  color: var(--theme_color);
	}
	
	.el-menu--horizontal .el-menu-item:not(.is-disabled):focus, .el-menu--horizontal .el-menu-item:not(.is-disabled):hover {
	  color: var(--theme_color);
	}
	
	/* 下拉菜单 */
	.el-dropdown-menu__item:not(.is-disabled):hover {
	  background-color: #c0f7c7;
	  color: var(--theme_color);
	}
	
	/* el-select */
	.el-select .el-input.is-focus .el-input__inner {
	  border-color: var(--theme_color);
	}
	
	.el-select .el-input__inner:focus {
	  border-color: var(--theme_color);
	}
	
	.el-select-dropdown__item.selected {
	  color: var(--theme_color);
	}
	
	/* .el-cascader */
	.el-cascader .el-input.is-focus .el-input__inner {
	  border-color: var(--theme_color);
	}
	
	.el-cascader-node.is-active, .el-cascader-node.is-selectable.in-checked-path {
	  color: var(--theme_color);
	}
	
	.el-cascader-node.in-active-path, .el-cascader-node.is-active, .el-cascader-node.is-selectable.in-checked-path {
	  color: var(--theme_color);
	}
	
	/* .el-radio */
	.el-radio__input.is-checked .el-radio__inner {
	  background-color: var(--theme_color);
	  border-color: var(--theme_color);
	}
	
	.el-radio__inner:hover {
	  border-color: var(--theme_color);
	}
	
	/* el-pager */
	.el-pager li.active {
	  color: var(--theme_color);
	}
	
	.el-pager li:hover {
	  color: var(--theme_color);
	}
	
	/* el-pagination */
	.el-pagination__sizes .el-input .el-input__inner:hover {
	  border-color: var(--theme_color);
	}
	
	.el-pagination.is-background .el-pager li:not(.disabled).active {
	  background-color: var(--theme_color);
	}
	
	/* el-tree */
	.el-tree-node.is-current>.el-tree-node__content {
	  background-color: var(--theme_color);
	  color:#fff;
	}

</style>

